
import { defineConfig, loadEnv, type ConfigEnv } from "vite";
import { resolve } from 'path'
import postCssPxToRem from "postcss-pxtorem"

import vue from "@vitejs/plugin-vue";
//import vueJsx from "@vitejs/plugin-vue-jsx";

// https://vitejs.dev/config/
export default defineConfig((mode: ConfigEnv) => {

	const env = loadEnv(mode.mode, process.cwd());
	return {
		plugins: [vue()],
		resolve: {
			alias: {
				'@': resolve(__dirname, 'src')
			},
			extensions: ['.ts', '.vue', '.js', '.jsx', '.tsx'] // 导入时想要省略的扩展名列表。
		},
		css: {
			preprocessorOptions: {
				scss: {
					// 引入 var.scss 这样就可以在全局中使用 var.scss中预定义的变量了
					// 给导入的路径最后加上 ;
					// additionalData: '@import "./src/styles/variables.scss";',
				}
			},
			postcss: {
				plugins: [
					{
						postcssPlugin: 'internal:charset-removal',
						AtRule: {
							charset: atRule => {
								if (atRule.name === 'charset') {
									atRule.remove()
								}
							}
						}
					},
					postCssPxToRem({
						rootValue: 37.5, // 1rem的大小
						propList: ['*'] // 需要转换的属性，这里选择全部都进行转换
					})
				]
			}
		},
		server: {
			proxy: {
				'/app-dev': {
					//路径请求前缀 如果请求带着这个前缀 才会帮你转发
					target: 'http://gmall-h5-api.atguigu.cn', //就是真正的有数据的哪台服务器地址
					changeOrigin: true,
					rewrite: path => path.replace(/^\/app-dev/, '') //路径重写
				},
				'/xhr': {
					//路径请求前缀 如果请求带着这个前缀 才会帮你转发
					target: 'https://m.you.163.com', //就是真正的有数据的哪台服务器地址
					changeOrigin: true
					//rewrite: (path) => path.replace(/^\/xhr/, ''), //路径重写
				},
				'/sph': {
					//路径请求前缀 如果请求带着这个前缀 才会帮你转发
					target: 'http://sph-h5-api.atguigu.cn', //就是真正的有数据的哪台服务器地址
					changeOrigin: true,
					rewrite: path => path.replace(/^\/sph/, '') //路径重写
				},
				'/topic': {
					//路径请求前缀 如果请求带着这个前缀 才会帮你转发
					target: 'https://m.you.163.com', //就是真正的有数据的哪台服务器地址
					changeOrigin: true
					//rewrite: (path) => path.replace(/^\/xhr/, ''), //路径重写
				},
				"/category-dev": {
					//路径请求前缀 如果请求带着这个前缀 才会帮你转发
					target: "https://m.you.163.com", //就是真正的有数据的哪台服务器地址
					changeOrigin: true,
					rewrite: (path) => path.replace(/^\/category-dev/, ""), //路径重写
				},
				'/item': { //首页
					target: 'https://m.you.163.com', //就是真正的有数据的哪台服务器地址
					changeOrigin: true,
					//rewrite: (path) => path.replace(/^\/xhr/, ''), //路径重写
				},

			}
		}
	}
})


